/**
 * My Account
 */

.myaccount-tab-trigger{
    display: block;
    li{
        display: block;
        & + li{
            margin-top: -1px;
        }
        a{
            border: 1px solid #444444;
            display: block;
            background: #555555;
            color: #ffffff;
            text-transform: uppercase;
            font-weight: 600;
            font-family: $heading-font;
            padding: 10px 20px;
            &.active{
                background: $theme-color;
                border-color: $theme-color;
                color: #ffffff;
            }
            &:hover:not(.active){
                color: $theme-color;
            }
        }
    }
}

.myaccount-tab-content{
    border: 1px solid #e5e5e5;
    padding: 30px;
    transition: all 0.4s ease-in-out 0s;
}

.myaccount-dashboard{
    p{
        margin-bottom: 20px;
        &:last-child{
            margin-bottom: 0;
        }
        a{
            color: $body-color;
            &:hover{
                color: $theme-color;
            }
        }
    }
}

.myaccount-orders{
    .table{
        margin-bottom: 0;
        .account-order-id{
            color: $body-color;   
            &:hover{
                color: $theme-color;
            }
        }
    }
    .table-hover tbody tr:hover {
        background-color: rgba(0,0,0,.02);
    }
    .table td, .table th{
        vertical-align: middle;  
        text-align: center;
    }
}

.myaccount-address{
    .small-title{
        margin-bottom: 15px;
    }
}

@media #{$md-layout, $sm-layout}{
    .register-form-wrapper{
        margin-top: 50px;
    }
}